<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>3-4-3-页头与略缩图</title>
<link rel="stylesheet" href="lib/lib/css/bootstrap.min.css">
<style type="text/css">

</style>
</head>
<body>

	<div class="page-header">
		<h1>hello <small>world!</small></h1>
	</div>


	<div class="row">
		<div class="col-xs-6 col-md-3">
			<!-- thumbnail   圆角包裹边框 -->
			<a href="#" class="thumbnail">
				<img src="images/1.jpg" alt="">
			</a>
		</div>
	</div>

	<div class="row">
		<div class="col-xs-6 col-md-3">
			<div class="thumbnail">
				<img src="images/1.jpg" alt="">
				<div class="caption">
					<h3>这是一个标题</h3>
					<p>我是一个p标签</p>
					<p>
						<a href="#" class="btn btn-primary" role="button">我是一个a标签按钮</a>
						<a href="#" class="btn btn-success">我是另一个a标签按钮</a>
					</p>
				</div>
			</div>
		</div>
	</div>








<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
<script type="text/javascript">
	
// $("#ul-badge").click(function(e){
// 	e.preventDefault()
// 	$(this).tab("show")
// })





</script>

</body>
</html>